<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="/static/login/css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="/static/login/css/default.css">
	<link rel="stylesheet" type="text/css" href="/static/login/css/styles.css">
    <style>
        body{
            background: url("/static/back.jpg");
            background-size: cover;
        }
    </style>
</head>
<body >
	<div class="htmleaf-container">
		<div class="wrapper">
			<div class="container">
				<h1>欢迎使用UI自动化测试平台</h1>
                <h4>welcome to DataFactory</h4>
				<form id="form_id" class="form" action="/login_act/" method="post">
                    <div>
					<input type="text" placeholder="用户名" name="user" autocomplete="off">
                    <span style="color: red">{{ error_msg }}</span>
                    </div>
					<input type="password" placeholder="密码" name="pwd">
					<button type="submit" id="login-button">Login</button>
                    <br>
                    <span style="color: #2f3238;font-size: small">若没有账号，可点此进行 <a href="#" onclick="register()" style="">注册</a> </span>
				</form>
{#                这里是被第三方的样式给限制了，所以转移到form里面#}
{#                <span style="color: #2f3238;font-size: small">若没有账号，可点此进行 <a href="/register_act/" style="">注册</a> </span>#}
			</div>

			<ul class="bg-bubbles">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>

	</div>

	<script src="/static/login/js/jquery-2.1.1.min.js"></script>
	<script>
        <!-- 输入框要加上id
            function register() {
            user = document.getElementsByName("username").value;
            pwd = document.getElementsByName("pwd").value;
            console.log(user,pwd)
            $.get("/register_act/",{
                "user":user,
                "pwd": pwd
            },function (ret) {

            })
        }
        -->
        function register() {
            document.getElementById("form_id").action = "/register_act/";
            document.getElementById("form_id").submit();
        }
	</script>
</body>
</html>
